html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

@font-face{ 
    font-family: 'AvenirNextLTPro';
    src: url('../fonts/AvenirNextLTPro-Regular.otf'); 
}

@font_family: 'Open Sans',Arial,Helvetica,sans-serif;

@font_family_AvenirNextLTPro: 'AvenirNextLTPro', Arial, sans-serif;

@cor_html: #FFF;

// padrão cores ambiente
@cor_1: #bf1c2d;
@cor_1_bc: #cb3543;
@cor_1_bc2: #F3B3B3;
@cor_1_bc3: #DB3A46; 

@cor_az: @cor_1; 

@cor_btn_menu: #5b399e;
@cor_btn_menu_h: #bea2d8;

@cor_btn_conf: #7fcc29;
@cor_btn_conf_h: #cae774;
// padrão cores ambiente

@cor_vm: #D2022D;
@cor_vm_bc: #E2696A;
@cor_vm_bc2: #F3B3B3;
@cor_vm_bc3: #DB3A46; 
@cor_cz: #666;  
@cor_cz_bc: #DDD; 
@cor_cz_pt: #333;

@cor_vm1: #F4CACB; 
@cor_vm2: #E49696;
@cor_vm3: #DE5E5F;

@cor_text_pdr: #000;
@cor_back_btn: #909090;
@cor_hover_btn: #AAA;
@cor_text_btn: #CCC; 

@cor_background_tr: #b0b2b3;
@cor_background_td: #ebecec;

@min_width_body:1000px;

html{
    background-color: @cor_html; 
}

body{
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: @font_family; 
    min-width: @min_width_body;   
    color: #000;//@cor_html; 
}
a{ color: @cor_html; text-decoration: none; } 
em{ color: #F00; }
strong{ font-weight:bold;}

h1{
    border-bottom: 1px solid #333333;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 3px;
}

h2 {  
    color: @cor_vm;
    font-size: 20px;//16px; 
    font-weight: bold;
    float:left;
    clear: both;
    
    span{
        font-size: 18px;
        vertical-align: top;
    }
} 

h3 {  
    color: @cor_vm;
    font-size: 14px; 
    float:left;
    clear: both;
}

#sis-content {
    width: 100%;
    background-color: @cor_html;
    overflow: hidden;
}

#sis-topo{
    width: 100%;
    height: 250px;
    position: relative;
    background-color: #D6D6D6;
}

#sis-corpo{
    //overflow: hidden;
    width: @min_width_body;
    margin: 0 auto;    
}

#sis-rodape {
    background-color: @cor_vm;
    padding: 10px;
    clear: both;
    
    #sis-rodape_dados{
        text-align: center;
    }
}

.content-mn{
    min-height: 400px;
    width: 100%; 
    padding-top: 30px;

    .content-form{ 
        h2{ margin-bottom: 10px; }
    }
}


// padrão botão
.btn_hover{ border: 1px solid @cor_hover_btn;  }
.btn-button, a.btn-button, a.btn-button:link, a.btn-button:visited, a.btn-button:active {  
    border: 1px solid transparent; 
    background-color: @cor_back_btn;
    color: @cor_text_btn; 
    cursor: pointer; 
    display: block; 
    text-align: center; 
    float: right;//left; 
    padding: 6px 10px;
    text-transform: lowercase;
    font-weight: bold;
    margin-left: 5px;
    
    &:hover{ .btn_hover; } 
}
.btn-pdr{ .btn-button; }

.ttError{
    color: #F00 !important;
    font-weight: bold; 
}

.ajimg{
    background: url('../images/loader.gif') no-repeat transparent;
    display: inline-block;
    height: 16px;
    margin-left: 3px;
    vertical-align: middle;
    width: 16px;
}

.pagination{
    text-align: center;
    padding:10px;
    clear: both;
    
    .current {
        color: @cor_cz;
        font-weight: bold;
        margin-left: 3px;
        margin-right: 3px;
        font-size: 16px;
    }
    
    .prdPage {
        padding: 5px 10px; 
        text-align: center;
        margin-left: 3px;
        margin-right: 3px;
        font-weight: bold; 
    }

    .numberPage {
        background-color: @cor_background_td;
        color: @cor_cz;
        .prdPage;       

        &:hover{
            color: #FFFFFF;
            background-color: @cor_vm_bc;
        }
    }

    .SetNumberPage {
        background-color: @cor_vm_bc;
        color: #FFF;
        .prdPage;
    }

}

/* corrções para o chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {

}

.transicao(@delay) {
    -webkit-transition: @delay ease-in-out;
    -moz-transition: @delay ease-in-out;
    -o-transition: @delay ease-in-out;
    transition: @delay ease-in-out;
}
